import {
  defineConfig
} from 'vite'
import vue from '@vitejs/plugin-vue'
const {
  resolve
} = require('path')
const port = 7777
// https://vitejs.dev/config/
export default defineConfig({
  base: './', //打包公共路径
  outDir: 'dist', //打包输出路径
  server: {
    port,//端口
    hot: true,//热更新
    host: 'localhost',
    open: true,//是否自动打开浏览器
    https: false, // 是否开启 https
    ssr: false,//是否开启服务端渲染
    proxy: {
      // // 字符串简写写法
      // '/foo': 'http://localhost:4567',
      // // 选项写法
      // '/api': {
      //   target: 'http://jsonplaceholder.typicode.com',
      //   changeOrigin: true,
      //   rewrite: (path) => path.replace(/^\/api/, '')
      // },
      // // 正则表达式写法
      // '^/fallback/.*': {
      //   target: 'http://jsonplaceholder.typicode.com',
      //   changeOrigin: true,
      //   rewrite: (path) => path.replace(/^\/fallback/, '')
      // },
    },
  },
  plugins: [
    vue({
      // 添加ref()的语法糖$ref(),使用变量时不加value
      reactivityTransform: true,
      refTransform: true,
    }),
  ],
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src'),// 别名
    }
  },
  css: {
    postcss: {
      plugins: [{
        postcssPlugin: 'internal:charset-removal',
        AtRule: {
          charset: (atRule) => {
            if (atRule.name === 'charset') {
              atRule.remove();
            }
          }
        }
      }],
    },
  },
  build: {
    chunkSizeWarningLimit: 1000 * 1024,// 单个文件大小警告
  }
})